<!--
  Generated template for the MyScoreListPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar color="mainColor">
    <ion-title>我的成绩</ion-title>
  </ion-navbar>

</ion-header>


<ion-content >
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content pullingIcon="arrow-dropdown" pullingText="下拉刷新" refreshingSpinner="circles"  refreshingText="努力刷新数据中...">
    </ion-refresher-content>
  </ion-refresher>
  <div class="list" padding_bottom [px]="padding">
    <ul *ngIf="scoreList">
      <li [class]="'bg-'+(i%3+1)" *ngFor="let item of scoreList;let i=index" (click)="getRanking(item.class_course_id)">
        <div class="course-info">
          <p>
            {{item.class_name}}
          </p>
          <p>
            <span>
              教师：{{item.teacher_name}}
            </span>
          </p>
        </div>
        <div class="course-code">
          <div>
            <p>分数： <span>{{item.score}}</span></p>
          </div>
          <ion-icon name="arrow-forward"></ion-icon>
        </div>
      </li>
    </ul>
  </div>
</ion-content>
<continue (status)="padding = $event? 80 : 0"></continue>
<!---->
